<!--
 * @Description:第四十章（vue3.3编译宏）
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-23 12:47:33
-->
<template>

<div>
  <h1>第四十章（vue3.3编译宏）</h1>
  <div>
    <h2></h2>
    <div>
      <Child :name="['IA']" @send="getName" :data="list">
        <template #default="{item, index}">
            {{ index }} : {{ item }}
        </template>
      </Child>
    </div>
  </div>
</div>

</template>
<script setup lang="ts">
  import Child from '@/components/40th/child.vue'

  const getName = (name:string) => {
    console.log('40th getName: ', name);

  }

  const list = [
    {
      name: 'IA1',
      age:1000

    },
    {
      name: "IA2",
      age:2000
    }
  ]

</script>
<style scoped>

</style>
